

import { useState } from 'react';
import { getData6 } from '../Data'

import { FlexGrid, FlexGridColumn } from "@grapecity/wijmo.react.grid";
import { useMount } from 'ahooks';

const WijmoL01 = () => {

    const [Data, setData] = useState()
    useMount(() => { setData(getData6) })

    return (
        <div className="Page">
            <FlexGrid headersVisibility="Column" childItemsPath={['checks', 'earnings']} itemsSource={Data}>
                <FlexGridColumn binding="name" header="Name" />
                <FlexGridColumn binding="hours" dataType="Number" allowSorting={false} />
                <FlexGridColumn binding="rate" dataType="Number" allowSorting={false} />
            </FlexGrid>
        </div>
    );
};

export default WijmoL01